<!DOCTYPE html>
<head>
	<title>Plateforme DSD - Inscription</title>
	<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />
        <link rel="icon" href="images/favicon.ico" type="image/x-icon"/>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <link href="css.css" rel="stylesheet" type="text/css" />
        
<script type="text/javascript" src="JQuery.js"></script> 

<script language="Javascript">
// ==================
//	Activations - Désactivations
// ==================
function GereControle(Controleur, Controle, Masquer) {
var objControleur = document.getElementById(Controleur);
var objControle = document.getElementById(Controle);
	if (Masquer=='1')
		objControle.style.visibility=(objControleur.checked==true)?'visible':'hidden';
	else
		objControle.disabled=(objControleur.checked==true)?false:true;
	return true;
}
</script>
</head>
        <body>
            <div id="header">

	<p id="layoutdims"> 
            
            <a href="Indexmembre.php"> Connexion</a>
        </p>
</div>
<div class="colmask threecol">
	<div class="colmid">
		<div class="colleft">
			<div class="col1">
                            <div class="Textcorps">
				<!-- Column 1 start -->
                                
                                    <center><h2>Formulaire d'inscription</h2></center>
                                    <center><div id="Annonce">Les informations fournies sur ce formulaire seront mises en ligne directement sur notre site. Cette visibilité vous permettra d'être en relation direct avec les annonceurs, les porteurs de projets, les participants, notre réseau d'échange et tous les acteurs engager dans le développement solidaire et durable.<br /><br /> </div></center>
                                    <Form method="post" id="formulaire" name= "formulaire" >
                                    <center><label for="list">Vous êtes :</label>
                                
                                    <select class="selector" id="list" onchange="document.getElementById('affichage').innerHTML = document.getElementById(this.value).innerHTML;">
                                        <option value="Choisissez">Choisissez</option>
                                        <option value="Professionnel">Professionnel</option>
                                        <option value="Particulier">Particulier</option>
                                    </select></center>
                                <br /><br /><br /> 
                                    <div id="affichage"></div>
                                    <div id="Choisissez" style="display:none"></div>
                            
                                <div id='Particulier' style="display:none">

                                            <label for="nom">Nom:</label>
                                        <input type="text" size="40" id="nom" />
                                    <br /><br />     
                                            <label for="prenom">Prénom :</label>
                                        <input type="email" size="40" id="prenom" />
                                    <br /><br />     
                                        <label>Donnée : </label>
                                        <input type="text" size="40" id="1" />
                                    <br /><br />    
                                        <label>Donnée : </label>
                                        <input type="text" size="40" id="2" />
                                    <br /><br /> 
                                        <label> Donnée : </label>
                                        <input type="text" size="40" id="3" />
                                    <br /><br /> 
                                    <p>
                                        <button type="submit" class="action" id="inscriptionAnnuaireParticulier">S'inscrire</button>
                                        <button type="reset" class="right">Réinitialiser</button>
                                    </p>
                                    <br />
                                    <label> Cocher cette case pour vous inscrire sur la plateforme : </label>
                                    <label class="Checkbox">
                                        <input type='checkbox' id='checkbox' OnClick="GereControle('checkbox', 'InscriptionComplete', '1');">
                                    <span></span>
                                    </label>
                                    </div>
                               
                                <div id="Professionnel" style="display:none">
                                            <label for="nom">Nom de la structure:</label>
                                        <input type="text" size="40" id="nomStructure" />
                                    <br />    
                                            <label for="TypeStructure">type de structure :</label>
                                        <ul class="listStructure"><br />
                                        <li> <input type="radio" value="Association" aria-label="Association"/> Association</li>
                                        <li><input type="radio" value="Collectivité" aria-label="Collectivité"/> Collectivité </li> 
                                        <li><input type="radio" value="Entreprise" aria-label="Entreprise"/>Entreprise </li>
                                        <li><input type="radio" value="Organisme" aria-label="Organisme"/>Organisme</li>
                                        <li><input type="radio" value="Autre"/>Autre :</li>
                                        <li><input type="text" value="" aria-label="Autre"></li>
                                        </ul>
                                    <br /> <br />   
                                        <label for="list">Type d'activité de la structure :</label>
                                
                                    <select class="selector" id="list">
                                        <option value="Agriculture et pêche, espaces verts et espaces naturels, soin des animaux.">Agriculture et pêche, espaces verts et espaces naturels, soin des animaux.</option>
                                        <option value="Arts, artisanat, façonnage d'ouvrage d'art.">Arts, artisanat, façonnage d'ouvrage d'art.</option>
                                        <option value="Loisir et animation.">Loisir et animation.</option>
                                        <option value="Spectacle.">Spectacle</option>
                                        <option value="Communication, média, multimédia.">Communication, média, multimédia.</option>
                                        <option value="Santé, service à la personne et à la collectivité.">Santé, service à la personne et à la collectivité.</option>
                                        <option value="Commerce, vente&nbsp;">Commerce, vente&nbsp;</option> <option value="Support à l'entreprise">Support à l'entreprise</option>
                                        <option value="Finance, banque, assurance, immobilier.">Finance, banque, assurance, immobilier.</option>
                                        <option value="Bâtiment, construction, travaux publics.">Bâtiment, construction, travaux publics.</option>
                                        <option value="Industrie">Industrie</option> <option value="Transport">Transport</option>
                                        <option value="Tourisme, hôtellerie, restauration,&nbsp;">Tourisme, hôtellerie, restauration,&nbsp;</option>
                                        
                                    </select>
                                   
                                    <br /><br /><br />  
                                        <label>Votre nom : </label>
                                        <input type="text" size="40" id="nomInscr" />
                                    <br />  <br />  
                                        <label>Fonction occupé au sein de la structure : </label>
                                        <input type="text" size="40" id="FonctionInscr" />
                                    <p>
                                        <button type="submit" class="action" id="inscriptionAnnuaireProfessionnel">S'inscrire</button>
                                        <button type="reset" class="right">Réinitialiser</button>
                                    </p>
                                    <br /><br /> 
                                    
                                    <div dir="ltr">Dans cette rubrique, veuillez renseigner les objectifs que vous souhaiter atteindre en rejoignant la plateforme. Vous disposer de 4 catégories de réponse. Choisissez dans quelle catégorie s'inscrit votre demande.</div>
                                    <select><option value="Choisissez">Choisissez</option>
                                    <option value="Créer un projet">Créer un projet</option>
                                    <option value="Participer à un projet">Participer à un projet</option>
                                    <option value="Bénéficier du réseau d'échange">Bénéficier du réseau d'échange</option>
                                    <option value="M'engager dans le Développement Solidaire et Durable">M'engager dans le Développement Solidaire et Durable</option>
                                    </select>
                                    <br /><br /> 
                                    <label> Cocher cette case pour vous inscrire sur la plateforme : </label>
                                    <label class="Checkbox">
                                        <input type='checkbox' id='checkbox' OnClick="GereControle('checkbox', 'InscriptionComplete', '1');">
                                    <span></span>
                                    </label>
                                </div>
                                    <div id="InscriptionComplete" style="visibility: hidden"><br />test Inscription Complète ci-dessous</div>
                                </form>
                                    
                                   
                                <!-- Column 1 end -->
                            </div>
			</div>
			<div class="col2">
				<!-- Column 2 start -->
                                <div class="Partenaire">
                                <img class="bannieres" src="images/CadrePartenaire.PNG"/>
                                <ol>
                                    <li><a href="lienDuSite">Nom</a></li>
                                    <p> Courte description </p>
                                    <li><a href="lienDuSite">Nom</a></li>
                                    <p> Courte description </p>
                                    <li><a href="lienDuSite">Nom</a></li>
                                    <p> Courte description </p>
                                    <li><a href="lienDuSite">Nom</a></li>
                                    <p> Courte description </p>
                                </ol>
                                </div>
                                <br /><br />
                        <div class="contact">
                                <img class="bannieres" src="images/CadreContact.PNG"/><br />
                                Pour toute demande de renseignement, veuillez nous contacter à cette adresse : ..............
                        </div>
                                <!-- Column 2 end -->
			</div>
			<div class="col3">
				<!-- Column 3 start -->
                                
                                <div class="don">
                                <center>
                                <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
                                <input type="hidden" name="cmd" value="_s-xclick">
                                <input type="hidden" name="hosted_button_id" value="8XTPALSW247WC">
                                <input type="image" src="https://www.paypalobjects.com/fr_FR/FR/i/btn/btn_donateCC_LG.gif" border="0" name="submit" alt="PayPal - la solution de paiement en ligne la plus simple et la plus sécurisée !">
                                <img alt="" border="0" src="https://www.paypalobjects.com/fr_FR/i/scr/pixel.gif" width="1" height="1">
                                </form>
                                </center>
                                

                                <div class="stats">
                                    <center><img src="http://services.supportduweb.com/cpt_global/70498-19.png" alt="Compteur Global" /></center>
                                </div>
                                </div>
                                
                                
				<!-- Column 3 end -->
			</div>
		</div>
	</div>
</div>
            
            
            <div id="footer">
                <center><p>Cette plateforme appartient à <a href="http://www.dsd-asso.com"> l'Association DsD</a> sous direction de M. Stéphane Canet. </p></center>
             </div>

</body>
        
</html>


